body{ background:#f2f4f5;}

.nav{width:100%; position:fixed; top:0;left:0; background:#fff; z-index: 1000}
.nav ul{width:4.38rem;height:0.6rem; margin:0 auto;}
.nav ul li{width:1.46rem;height:0.6rem; float:left;}
.nav ul li a{ display:block;width:1.46rem;height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.3rem; color:#9e9a95;}
.nav ul li.active a{height:0.5rem; border-bottom:0.1rem solid #5477b2; color:#5477b2;}

.content{max-width:6.4rem; margin:0 auto; margin-bottom:0.8rem;}
.content .banner{
	margin-top:0.6rem;position: relative;overflow: hidden;
	/* 
		由于content本身没有margin,内部第一个元素设置margin的时候回发生margin穿透，这个margin的值会跑到.content上去，
			margin穿透是BFC的重要概念
	*/
}

.content .newsList{width:6.4rem; margin:0 auto;}
.newsList ul{ padding:0 0.4rem;}
.newsList ul li{ color:#494d4d; padding:0.2rem 0; border-bottom:1px dashed #ccc;}
.newsList ul li h2{max-height:0.9rem; font-size:0.33rem; overflow:hidden;}
.newsList ul li p{max-height:1.8rem; margin-top:0.05rem;overflow:hidden;}
.newsList ul li .dt{
	color:#ccc;font-size: .12rem;text-align: right;
}



.foot-btn{
	width:100%;height:0.8rem; background:#fff; position:fixed; left:0; bottom:0; border-top:1px solid #9e9a95;
	/* 
		作者依据的是640的设计稿，0.8rem放到320px的屏幕上大概就是40px,这几乎是app设计的一个标准，一般都是40或者45px 
		与webapp不同，移动app如果要显示页脚，那么页脚使用fixed丁文，并且z-index要能漂浮在其他内容之上
		对于主体内容区域，如果不想被页脚遮住，主体内容区域可以设置margin-bottom,这对于头部也是一样的，我们可以看到作者给content类设置了这个值
	*/
}
.foot-btn ul{width:4.08rem; margin:0 auto;}
.foot-btn ul li{ float:left;}
.foot-btn ul li a{ display:block; width:100%;height:100%;}
.foot-btn ul .home{width:0.44rem;height:0.59rem; background:url(../img/home.png) no-repeat 0 0; background-size:100%; margin-top:0.1rem;}
.foot-btn ul .write{width:0.82rem;height:0.81rem; background:url(../img/write.png) no-repeat 0 0; background-size:100%; margin-left:1.18rem;}
.foot-btn ul .my{width:0.39rem;height:0.63rem; background:url(../img/my.png) no-repeat 0 0;background-size:100%; margin-left:1.18rem; margin-top:0.07rem;}


